import '../../../styles/Hospital Information/Appointmentnotice.scss'
import React from 'react';
import { Button, Form, Input, InputNumber } from 'antd';
interface Props{

}
function Appointmentnotice(props:Props) {
    const layout = {
        labelCol: { span: 8 },
        wrapperCol: { span: 16 },
      };

    const validateMessages = {
    required: '${label} is required!',
    types: {
        email: '${label} is not a valid email!',
        number: '${label} is not a valid number!',
    },
    number: {
        range: '${label} must be between ${min} and ${max}',
    },
    };
    const onFinish = (values: any) => {
    console.log(values);
    };
    return (
        <div className='appoint'>
             <div className="title">
                <span></span>
                <h2>预约须知</h2>
            </div>
            <div className="intro_box">
                <h3>编辑预约信息</h3>
            <Form {...layout} name="nest-messages" onFinish={onFinish} validateMessages={validateMessages}>
                <Form.Item name={['user', 'introduction']} >
                    <Input.TextArea style={{width:1000,height:300}}/>
                </Form.Item>
                <Form.Item wrapperCol={{ ...layout.wrapperCol, offset: 0 }}>
                    <Button type="primary" htmlType="submit">
                    Submit
                    </Button>
                </Form.Item>
            </Form>
            </div>
        </div>
    );
}

export default Appointmentnotice;